/*-----------------[GENERAL]------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a:hover {text-decoration:none;}
.padd {padding:10px;}
.margin { margin:15px 0; }
/*-----------------[PRINCIPAUX]-----------------*/
body { background:white url("images/main-tail.gif") repeat; line-height: 21px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #434343; min-height: 25px; }
input {
	border: 1px solid #ccc;
    margin: 10px;
    padding: 10px;
    width: 300px;
}
input[type="submit"] { cursor:pointer;padding:5px 20px; width:auto; background:url(img/white-grad.png) repeat-x; text-transform: lowercase; color:#222; text-shadow: 0 1px 0 #FFFFFF;}
label { color:#fff; font-size:13px; }
a { text-decoration: none; color: #262626; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #262626; line-height: 1em; font-weight: normal; font-family: Calibri, Verdana;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #262626 !important; font-weight: normal !important; }
h2 { font-size:26px; font-family:Georgia; padding-left:10px; }
h3 { font-size:22px; }
textarea { padding: 4px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*---------------[TABLES]---------------*/
table.list {
    -moz-box-shadow: 1px 1px 20px #000000;
    -webkit-box-shadow: 1px 1px 20px #000000;
    border: 3px solid #FFFFFF;
    width: 600px;
}
table.list th {
    background-color: #F9F9F9;
    color: #333333;
    font-size:14px;
    width:200px;
    padding: 10px;
    text-align: right;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #CCCCCC;
}
table.list td {
    background-color: #F0F0F0;
    border-right: 1px dotted #999999;
    color: #333333;
    padding: 10px;
    text-shadow: -1px 1px 1px #FFFFFF;
}
td.tdLabel { vertical-align:middle; }
td.tdLabel label { font-size: 16px; }

/*---------------[CONTENU]---------------*/
.wrap { margin:auto; width:1000px; text-align:left; position:relative; }
#home {background:url(img/home-bg.jpg) repeat; }
.separator { width:80%; margin-bottom:10px; border-bottom:1px dashed #d1d1d1; clear:both; }
#home-content { background:url(img/cont-tail.png) repeat; padding:30px 10px; min-height:600px; }
#table {background:url(img/main-table.jpg) no-repeat; width:800px; height:600px; margin:auto; position:relative; }
a.button {background:#111; -moz-border-radius:10px; -webkit-border-radius:10px; color:#f8f8f8; display:block; cursor:pointer;
    float: left;
    margin: 5px;
    padding: 5px 15px;}
#loading-all {    
	background: url("images/main-tail.gif") repeat;
    color: #222;
    font-size: 34px;
    height: 150%;
    left: 0;
    overflow: hidden;
    padding-top: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 90000;}
#loading-all p {margin:40px 0;}
.ui-dialog h3 {font-size:16px; font-weight:bold; color:#222;}
#msg_erreur {margin:5px 0; background:#FBF9EE; -moz-border-radius:8px; -webkit-border-radius:8px;border: 1px solid #FCEFA1; padding:5px 10px; color: #363636; }
#msg_erreur label { color:#222; font-weight:bold; }
.wwFormTable .errorMessage { color:#f8f8f8; font-weight:bold; }

.ui-dialog-content p { font-size:14px; }
.ui-dialog-content img.imgleft { float:left; margin:5px; }
/*---------------------[FOOTER]-------------------*/
div#footer { height: 110px; color:#f6f6f6; font-size:26px; padding-top:10px; margin-top:20px;}
div#footer a { color:#222; text-transform:lowercase; }
div#footer-content { width:1000px; margin:auto; }
ul#bottom-menu li { float: left; padding-top: 12px; padding-left: 22px;}
p#copyright {float: right; padding-top: 10px; padding-right: 15px; font-size: 14px;}	

/*--------------------[SIDEBAR]-------------------*/
.box-f {
	margin-top:-90px!important;	
}
.box-1 {
	width:956px; 
	min-height:452px; 
	margin:0 auto; 
	background:transparent url("images/slider-bg.png") no-repeat;
	position:relative;
}
.box-t {
	width:956px; 
	min-height:700px; 
	margin:0 auto; 
	background:transparent url("images/table-bg.png") no-repeat;
	position:relative;
}
.box-1 .col-1 {
    min-height: 310px;
    padding: 10px;
    position: relative;
    width: 270px;
	float:left;
	}
.box-1 .col-2 {
	width:635px; 
	padding:10px;
	float:left;
}
				
/*-------------------[FORMS]-----------------*/
#msg_erreur h3 {
	background:url(img/error.png) no-repeat center left;
	padding:60px 80px;
	color:#2d2d2d;
}
/*-------------------[MENUS]-----------------*/
#header {
    height: 230px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    background:url("images/top-bg.jpg") no-repeat center top;
}
nav.primary {
    background: url("images/nav-right.png") no-repeat scroll right top transparent;
    float: left;
    margin: 76px 0 0 26px;
    padding-right: 35px;
    position: relative;
}
#topnav > li:first-child {
    padding-left: 6px;
}
#topnav > li:first-child a {
    background:none;
    padding:0;
    margin:0;
}
#topnav > li > a {
    background: url("images/nav-divider.gif") no-repeat scroll left 7px transparent;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 62px;
    margin-left: 19px;
    font-family:caption;
    padding: 0 0 0 23px;
    position: relative;
    text-transform: lowercase;
    color: white;
    text-decoration: none;
}
#topnav {
    background: url("images/nav-left.png") no-repeat scroll left top transparent;
    float: left;
    max-width: 760px;
    padding-left: 35px;
}
#topnav > li {
    background: url("images/nav-tail.png") repeat-x scroll left top transparent;
    height: 63px;
    padding-top: 12px;
    float: left;
    position: relative;
}
.logo {
    position: absolute;
    right: 40px;
    top: 0;
}
ul.listing li {     
    border-bottom: 1px dotted #DDDDDD;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 20px;
    line-height: 1.2em;
    padding: 5px;
}
ul.listing li a {
    background-image: url("img/nav-bg.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
    width: 256px;
    line-height: 46px;
}	
ul.listing li a span { display: block;padding: 6px 0 0 24px; }

/*-------------------[GALERIE]-----------------*/
.box {width:977px; margin:0px auto 21px auto;}

.box-bg {padding:20px 25px;}
#faded {position:relative; top:0px; }
#faded .pagination {position:absolute; top:367px; right:5px; width:200px; padding:0px 0 0px 0px; z-index:10;}
#faded .pagination li {line-height:0; font-size:0;}
#faded .pagination li a {display:block; float:left; margin-left:3px; width:35px; height:35px; text-decoration:none; background:url(img/bull.png) 0 0 no-repeat; text-indent:-5000px;}
#faded .pagination li a:hover, #faded .pagination li.current a {background:url(img/bull-h.png) 0 0 no-repeat;} 
#faded li img {display:none; width:900px!important;}
#faded li div {position:absolute; right:0px; top:0; margin : 0px 0 0 0; 
width:324px; height:343px; padding:0px; 
background:url(img/box-bg.png) 0 0 repeat;
border-radius:0 18px 18px 0;
-moz-border-radius:0 18px 18px 0;
-webkit-border-radius:0 18px 18px 0;
}

#faded li div .price {display:block; position:absolute; top:27px; left:221px; font-size:24px; line-height:24px; color:#fff;}
#faded li div .price span {color:#fea314; font-size:30px; line-height:30px; display:block;}
.button-detail {padding:5px 22px 8px;
top:199px;
left:47px;
color:#fff; font-size:24px; text-align:left; 
line-height:1.2em; text-decoration:none; cursor:pointer; 
display:inline-block; background:url(img/button-detail-bg.png) 0 0 repeat;
border-radius:18px;
-moz-border-radius:18px;
-webkit-border-radius:18px;
position:absolute;}
#faded li div h4 {color:#fff; font-size:36px; font-weight:300; line-height:37px; display:block; position:absolute; top:115px; left:44px;}
#faded li div h4 strong {font-size:30px; display:block; line-height:32px; font-weight:300; color:#8cf0ff;}
ul {list-style:none;}
.social {width:174px; height:40px; padding-top:15px; z-index:9999; position:absolute; top:0; right:0; }

/*--------------------[PLAYERS]-------------------*/
.player { position:absolute; background-repeat:no-repeat;}
#p_0 { background-image:url(models/model-0.png); width:135px; height:113px; right: 216px; top: 2px;}
#p_1 { background-image:url(models/model-1.png); width:155px; height:156px; right: 52px; top: 23px;}
#p_2 { background-image:url(models/model-2.png); width:150px; height:154px; right: 5px; top: 155px;}
#p_3 { background-image:url(models/model-3.png); width:145px; height:113px; right: 57px; bottom: 178px;}
#p_4 { background-image:url(models/model-4.png); width:141px; height:121px; right: 233px; bottom: 133px;}
#p_5 { background-image:url(models/model-5.png); width:137px; height:92px; left: 223px; bottom: 151px;}
#p_6 { background-image:url(models/model-6.png); width:157px; height:116px; left: 43px; bottom: 179px;}
#p_7 { background-image:url(models/model-7.png); width:139px; height:154px; left: 3px; bottom: 297px;}
#p_8 { background-image:url(models/model-8.png); width:155px; height:156px; left: 49px; top: 22px;}
#p_9 { background-image:url(models/model-9.png); width:141px; height:112px; left: 202px; top:2px;}

.p-infos h4 { padding:0px; letter-spacing:1px; font-weight:bold; }
.p-infos { position:absolute; width:120px; text-align:center; }
#i_0 { right:3px; top:30px; }
#i_1 { right:5px; top:68px; }
#i_2 { right:8px; top:120px; }
#i_3 { right:9px; top:54px; }
#i_4 { right:9px; top:60px; }
#i_5 { right:9px; top:50px; }
#i_6 { right:10px; top:60px; }
#i_7 { right:10px; top:122px; }
#i_8 { right:30px; top:68px; }
#i_9 { right:14px; top:30px; }

/*--------------------[CARDS/TABLE]-------------------*/
.card { background:url(img/card-bg.png) no-repeat; position:absolute; width:22px; height:30px; left:390px; top:40px; z-index:10;}
#table-infos { position:absolute; top:320px; left:310px; background:#111; padding:2px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; opacity:0.8; color:#fff;}
#ul-histo li { font-size:13px; color:#2d2d2d; padding:4px; border-bottom:1px dashed #ddd; }
#ul-histo { max-height:260px; overflow:auto; }
.table-action { z-index:10; position:absolute; background:#111; padding:2px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; opacity:0.9; color:#fff; }

/*--------------------[CHIPS]-------------------*/
.chip { position:absolute; background-repeat:no-repeat;}
.chip_1 { background:url(chips/j_1.png); width:26px; height:27px; }
.chip_2 { background:url(chips/j_2.png); width:52px; height:27px; }
.chip_3 { background:url(chips/j_3.png); width:52px; height:41px; }
.chip_4 { background:url(chips/j_4.png); width:52px; height:42px; }
.chip_5 { background:url(chips/j_5.png); width:78px; height:42px; }
.chip_6 { background:url(chips/j_6.png); width:78px; height:42px; }
.chip_7 { background:url(chips/j_7.png); width:78px; height:56px; }
.chip_8 { background:url(chips/j_8.png); width:90px; height:56px; }

#notice {
	position:fixed;
	width:200px;
	padding:15px;
	top:10px;
	right:10px;
	border:2px solid #fff;
	background:#f3f3f3;
	box-shadow:0px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0px 1px 10px rgba(0, 0, 0, 0.5);
}